<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				height: 400px;
				width: 420px;
			}
			h1{
				background-color: #518700;
				text-indent: 1em;
				color: white;
				line-height: 30px;
			}
			ul{
				list-style: none;
			}
			a{
				text-decoration: none;
			}
			a:hover{
				text-decoration: underline;
			}
			#d1{
				
				background: linear-gradient(0,#F9FBCB,#F8F8F3);
				line-height: 28px;
			}
		</style>
	</head>
	<body>
		
		<div id="d1">
			<h1>畅销书排行<img src="../img/bang.gif"/></h1>
			<ul>
				<li><img src="../img/book_no01.gif"/>&nbsp;<a href="#">畅销书排行</a>
				<li><img src="../img/book_no02.gif"/>&nbsp;<a href="#">遇见未知的自己...</a>
				<li><img src="../img/book_no03.gif"/>&nbsp;<a href="#">活法（季羡林、...</a>
				<li><img src="../img/book_no04.gif"/>&nbsp;<a href="#">高效能人士的七个习惯</a>
				<li><img src="../img/book_no05.gif"/>&nbsp;<a href="#">被迫强大（北外女生香奈儿...</a>
				<li><img src="../img/book_no06.gif"/>&nbsp;<a href="#">遇见心想事成的自己（《遇...</a>
				<li><img src="../img/book_no07.gif"/>&nbsp;<a href="#">世界上最伟大的推销员（插...（《遇...</a>
				<li><img src="../img/book_no08.gif"/>&nbsp;<a href="#">我的成功可以复制（唐骏亲...（《遇...</a>
				<li><img src="../img/book_no09.gif"/>&nbsp;<a href="#">少有人走的路：心智成熟的...（《遇...</a>
				
			</ul>
		</div>
	</body>
</html>